<script setup lang="ts">
import { reactive, ref, watchEffect } from "vue";
import dateRangeSingle from "@/components/Form/dateRangeSingle.vue";
import dateRangeTwo from "@/components/Form/dateRangeTwo.vue";

const searchTime1 = ref(["2013/03/01", "2013/06/01"]);
const searchTime2 = ref(["2013/05/04", "2013/07/08"]);

watchEffect(() => {
  // console.log(searchTime1.value);
  console.log(searchTime2.value);
});
</script>
<template>
  <div class="padding_15">
    <div class="public_form_box">
      <date-range-single v-model="searchTime1"></date-range-single>
      <date-range-two
        :height="'50%'"
        :showTitle="false"
        :minDate="new Date(1999, 0, 1)"
        v-model="searchTime2"
      ></date-range-two>
    </div>
  </div>
</template>

<style lang="scss" scoped></style>
